/**
* Created by ren on 2016/12/26.
*/
<template>
  <div class='registerAgreement'>
    <p style="text-align:center">
      注册协议
    </p>
    <p>
      &nbsp;
    </p>
    <p>
      <strong>【审慎阅读】</strong>
    </p>
    <p>
      您在申请注册流程中点击同意前，应当认真阅读以下协议。请您务必审慎阅读、充分理解协议中相关条款内容，其中包括：
    </p>
    <p>
      1、与您约定免除或限制责任的条款；
    </p>
    <p>
      2、与您约定法律适用和管辖的条款；
    </p>
    <p>
      3、其他以粗体下划线标识的重要条款。
    </p>
    <p>
      如您对协议有任何疑问，可向平台客服咨询。
    </p>
    <p>
      <strong>【特别提示】</strong>
    </p>
    <p>
      当您按照注册页面提示填写信息、阅读并同意协议且完成全部注册程序后，即表示您已充分阅读、理解并接受协议的全部内容。如您因平台服务与Au+发生争议的，适用《Au+平台服务协议》处理。如您在使用平台服务过程中与其他用户发生争议的，依您与其他用户达成的协议处理。
    </p>
    <p>
      阅读协议的过程中，如果您不同意相关协议或其中任何条款约定，您应立即停止注册程序。
    </p>
    <p>
      <br/>
    </p>
    <button @click="agreed">同意协议</button>
  </div>
</template>

<script>
  export default {
    props: ['_parentThis'],
    methods: {
      agreed: function () {
        this._parentThis.serverIsTrue = true
        this._parentThis.showServerAgreement = !this._parentThis.showServerAgreement
      }
    }
  }

</script>

<style lang="scss">
  .registerAgreement {
    position: relative;
    width: 990px;
    margin: 0 auto;
    background: white;
    padding: 0 20px;
    overflow: hidden;
    z-index: 11;
    padding-top: 50px;

    button {
      border: 0;
      width: 335px;
      height: 52px;
      background: #fd8f23;
      color: white;
      border-radius: 5px;
      margin: 0 auto;
      display: block;
      margin-bottom: 38px;
      font-size: 20px;
      margin-top: 118px;
    }

  }
</style>
